<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta charset="UTF-8">
		<title>恒望科技</title>
		<link rel="stylesheet" type="text/css" 
			href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
		  <div class="container">
		 	  <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a>
		 	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
   				 <span class="navbar-toggler-icon"></span>
  			  </button>
			  <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
			    <ul class="navbar-nav">
			      <li class="nav-item">
			        <a class="nav-link ime" href="#">首页</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">解决方案</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">产品展示</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">客户案例</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">服务中心</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">新闻动态</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">关于我们</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">招贤纳士</a>
			      </li>
			    </ul>
		  	  </div>
		  </div>
		</nav>
		<div class="banner">
			<div class="bd-example mb-4">
			    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
			        <ol class="carousel-indicators">
			            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
			            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
			            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
			        </ol>
			        <div class="carousel-inner">
			            <div class="carousel-item active">
			                <div class="xi banner1"><img class="w-100" src="lbt.gif"/></div>
			            </div>
			            <div class="carousel-item">
			                <div class="xi banner2"><img src="lbt.gif" class="w-100"/></div>
			            </div>
			            <div class="carousel-item">
			                <div class="xi banner3"><img class="w-100" src="lbt.gif"/></div>
			            </div>
			        </div>
			        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
			            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			            <span class="sr-only">Previous</span>
			        </a>
			        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
			            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			            <span class="sr-only">Next</span>
			        </a>
			    </div>
			</div>
		</div>
		<div class="main">
			<div class="main-one text-center">
				<h3 class="xh">解决方案</h3>
				<p>Solutions</p>
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<img src="images/r1_03.gif" alt="" />
							<h4>网站、移动网站</h4>
							<p>微信公众号开发移动网站微信公众号开发</p>
						</div>
						<div class="col-md-3">
							<img src="images/r1_03.gif" alt="" />
							<h4>网站、移动网站</h4>
							<p>移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
						</div>
						<div class="col-md-3">
							<img src="images/r1_03.gif" alt="" />
							<h4>网站、移动网站</h4>
							<p>移动网站微信公众号开发移动网站微信公众号开发</p>
						</div>
						<div class="col-md-3">
							<img src="images/r1_03.gif" alt="" />
							<h4>网站、移动网站</h4>
							<p>网站、移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
						</div>
					</div>
				</div>
			</div>
			<div class="main-two">
				<div class="text-center">
					<h3 class="xj">客户案例</h3>
					<p>Customer Case</p>
				</div>
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-3">
							<img src="images/i_02.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_03.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_04.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_05.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_06.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_07.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_08.gif" alt="" />
						</div>
						<div class="col-md-3">
							<img src="images/i_09.gif" alt="" />
						</div>
					</div>
					<div class="row bgb">
						<div class="col-md-10">
							<h4>全方位解决方案，为您轻松解决不同问题</h4>
							<p>A full range of solutions for you to solve different problems</p>
						</div>
						<div class="col-md-2 text-center">
							<a href="" class="">查看更多》</a>
						</div>
					</div>
				</div>
			</div>
			<div class="main-three">
				<div class="text-center">
					<h3 class="xk">
						新闻动态
					</h3>
					<p>Hengwang News</p>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-md-2">
							<img class="oey" src="images/news1.jpg" alt="" />
						</div>
						<div class="col-md-4">
							<h4>关于召开年会的通知</h4>
							<p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
							<a href="" class="cl">查看更多》</a>
						</div>
						<div class="col-md-2">
							<img class="oey" src="images/news2.jpg" alt="" />
						</div>
						<div class="col-md-4">
							<h4>关于召开年会的通知</h4>
							<p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
							<a href="" class="cl">查看更多》</a>
						</div>
					</div>
				</div>
			</div>
			<div class="main-four">
				<div class="container text-center">
					<h3 class="xl">
						服务客户
					</h3>
					<p>Sever Customers</p>
					<div class="row">
						<div class="col-md"><img src="images/iame.png" alt="" /></div>
						<div class="col-md"><img src="images/trang.png" alt="" /></div>
						<div class="col-md"><img src="images/smar.png" alt="" /></div>
						<div class="col-md"><img src="images/ad.png" alt="" /></div>
						<div class="col-md"><img src="images/mse.png" alt="" /></div>
						<div class="col-md"><img src="images/iame.png" alt="" /></div>
						<div class="col-md"><img src="images/trang.png" alt="" /></div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-1"></div>
					<div class="col-md-4">
						<h4>联系我们</h4>
						<p>地址：武汉市洪山区街道口鹏程国际B座2511</p>
						<p>电话：18238765101</p>
						<p>传真：（123）456-7890</p>
						<p>邮箱：support@vectorlab.com</p>
						<p>027-82671661</p>
					</div>
					<div class="col-md-7">
						<h4>相关链接</h4>
						<div class="row">
							<div class="col-md-2">
								<a href="">解决方案</a>
								<a href="">服务中心</a>
							</div>
							<div class="col-md-2">
								<a href="">产品展示</a>
								<a href="">关于我们</a>
							</div>
							<div class="col-md-2">
								<a href="">客户案例</a>
								<a href="">招贤纳士</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>
